'use client'

interface SalesStatisticsListProps {
  totalSales: number
  totalRevenue: number
  totalItemsSold: number
}

export function SalesStatisticsList({ totalSales, totalRevenue, totalItemsSold }: SalesStatisticsListProps) {
  return (
    <div className="bg-white shadow rounded-lg p-6">
      <h2 className="text-lg font-medium text-gray-900">统计概览</h2>
      <div className="mt-4">
        <div className="flex justify-between">
          <span className="text-gray-500">总销售单数:</span>
          <span className="font-semibold text-gray-900">{totalSales}</span>
        </div>
        <div className="flex justify-between mt-2">
          <span className="text-gray-500">总收入:</span>
          <span className="font-semibold text-gray-900">¥{totalRevenue.toFixed(2)}</span>
        </div>
        <div className="flex justify-between mt-2">
          <span className="text-gray-500">总售出商品数量:</span>
          <span className="font-semibold text-gray-900">{totalItemsSold}</span>
        </div>
      </div>
    </div>
  )
} 